<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es">
<!--[if lt IE 7]>			<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if IE 7]>				 <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
		<!--[if IE 8]>				 <html class="no-js lt-ie9"> <![endif]-->
			<!--[if gt IE 8]><!--> 		<html class="no-js"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href=".">
    <meta name="author" content="DEI-LED">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Marcaciones</title>
    <link rel="icon" href="/static/img/favicon.ico"/>
    <link rel="shortcut icon" href="/static/img/favicon.ico"/>
	<link href="/static/img/favicon.ico" rel="icon" type="image/x-icon" />

	<link rel="stylesheet" href="/static/css/cupertino/jquery-ui-1.8.16.custom.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/system.css" type="text/css">
    <link rel="stylesheet" href="/static/css/general.css" type="text/css">
	<link rel="stylesheet" href="/static/css/menu-vertical.css" type="text/css">
	<link rel="stylesheet" href="/static/css/menu.css" type="text/css">
	<link rel="stylesheet" href="/static/css/fuentes.css" type="text/css">
	<link rel="stylesheet" href="/static/css/totop.css" type="text/css">
	<link rel="stylesheet" href="/static/css/estilo.css" type="text/css">
	<link rel="stylesheet" href="/static/css/default.css" type="text/css">


    <script src="/static/js/libs/jquery.min.js" type="text/javascript" ></script>
	<script src="/static/js/libs/searchbox.js" type="text/javascript"></script>
	<script src="/static/js/canvas-to-blob.min.js" type="text/javascript"></script>
    <!--<script type="text/javascript" src="/static/js/libs/jquery-ui-1.8.16.custom.min.js"></script>-->

    <script type="text/javascript" src="/static/js/libs/iframe.js"></script>
    <script type="text/javascript" src="/static/js/libs/totop.js"></script>
</head>
<body>
<!--[if lt IE 7]>
		<p class="chromeframe">Actualmente estas utilizando un browser desactualizado. Favor instale y utilice el navegador Google Chrome.</p>
		<![endif]-->
<div id="contenedor">
    <div id="cabecera">
        <img src="/static/img/logos.jpg" width="1051" height="117">
    </div>
	{% if userid > 0 and admin %}
    <div id="menu">
        <div class="moduletable_menu">
            <ul class="menudropdown dropdown-horizontal" id="nav">
				<li class="item-118 current active"><a href="/" >Inicio</a></li>
				<li class="item-118"><a href="/markings">Marcaciones</a></li>
				<li class="item-118"><a href="/users/add">Tomar fotografías</a></li>
				<li class="item-118"><a href="/users/del">Eliminar Usuarios</a></li>
				<li class="item-118"><a href="/users/userextraphoto">Agregar Fotos Extras</a></li>
				<li class="item-118"><a href="/users/qrgen">Tarjetas QR</a></li>
				<li class="item-118"><a href="/statistics">Estadísticas</a></li>
				<li class="item-118"><a href="/users/logout">Cerrar Sesión</a></li>
            </ul>
        </div>
    </div>
	 {% end %}

    <div id="cuerpo">
        <div id="col-izq">
            <div class="moduletable_menuv">
				{% if userid > 0 %}
					<h3>ÚLTIMAS MARCACIONES</h3><br/>
					<ul class="menu">
						<li class="item-146 deeper parent green"><a id="last1" href="#" disabled="true"></a></li>
						<li class="item-146 deeper parent"><a id="last2" href="#" disabled="true"></a></li>
						<li class="item-146 deeper parent"><a id="last3" href="#" disabled="true"></a></li>
						<li class="item-146 deeper parent"><a id="last4" href="#" disabled="true"></a></li>
						<li class="item-146 deeper parent"><a id="last5" href="#" disabled="true"></a></li>
					</ul>
				{% end %}
            </div>
        </div>

        <div id="col-mid" class="no-col-der">
            <div id="system-message-container">
            </div>
            <div class="item-page">
				{% if userid > 0 %}
				<br/>
				<div id="container" style="overflow:hidden;width:100%">
					<div style="float:left;width:320px;height:240px;margin:12px 45px 10px 10px;">
						<video id="live" width="640" height="480" style="display: none;" autoplay></video>
						<canvas id="canvasvideo" width="320" id="canvas" height="240"></canvas>
					</div>
					<div style="float:left;width:340px;height:300px;margin:0;">
						<div id="predict">
							<h2 id="title-face" style="text-align: center;"></h2>
							<h3 id="name-of-face" style="text-align: center;"></h3>
							<pre id="prettyprint" class="prettyprint"></pre>
							<div id="startmarks">
								<div style="text-align: center;">
									<button class="botonverde" id="btnmarcar">MARCAR</button>
								</div>
							</div>
							<div id="buttons">
								<div style="text-align: center;">
									<button class="botonverde" id="sisoy">SÍ</button>
									<button class="botonrojo" id="nosoy">NO</button>
								</div>
							</div>
							<div id="entsal">
								<div style="text-align: center;">
									<button class="botonverde" id="btnentrada" style="font-size: 25px; height: 100px;">ENTRADA</button>
									<button class="botonamarillo" id="btnsalida" style="font-size: 25px; height: 100px;">SALIDA</button>
									<br/>
									<button class="botoncancelar" id="btncancelar" style="font-size: 25px;">CANCELAR</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				{% end %}
            </div>
        </div>
        <!-- col-mid o nocol-mid -->
        <div style="clear: both; height: 5px;">
        </div>
    </div>
    <!-- cuerpo -->
    <div id="footer">
        <p>
            Universidad Católica "<em>Nuestra Señora de la Asunción</em>" &nbsp; |&nbsp;&nbsp;
            Facultad de Ciencias y Tecnología &nbsp; |&nbsp;&nbsp;
            DEI - LED&nbsp;&nbsp; |&nbsp;&nbsp;
            2013
        </p>
    </div>
</div>
<!--
<div id="toTop" style="display: block;">
    ^ Volver Arriba
</div>
-->
<div id="pluginInstalledv2">
</div>

{% if userid > 0 %}
<script src="/static/js/main.js" type="text/javascript"></script>
{% end %}
</body>
</html>

